<!DOCTYPE html>
<!-- saved from url=(0034)http://demo.mao10.com/pro/checkout -->
<html lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>
        确认订单 - 猫咪商城
    </title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" href="/home/check/bootstrap.min.css">
    <link rel="stylesheet" href="/home/check/font-awesome.min.css">
    <link rel="stylesheet" href="/home/check/style.css">
    <link rel="stylesheet" href="/home/check/media.css">
    <script src="/home/check/jquery.min.js.下载"></script>
    <script src="/home/check/bootstrap.min.js.下载"></script>
    <script src="/home/check/vue.js.下载"></script>
    <!--[if lt IE 9]>
        <script src="http://demo.mao10.com/js/html5shiv.min.js"></script>
        <script src="http://demo.mao10.com/js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="topbar">
    <div class="container">
        <ul class="list-inline mb-0 pull-left">
            <li><a href="http://demo.mao10.com/">首页</a></li>
            <li><a href="http://demo.mao10.com/page/single/1">米聊</a></li>
            <li><a href="http://demo.mao10.com/page/single/1">游戏</a></li>
            <li><a href="http://demo.mao10.com/page/single/1">多看阅读</a></li>
            <li><a href="http://demo.mao10.com/page/single/1">云服务</a></li>
            <li><a href="http://demo.mao10.com/page/single/1">小米网移动版</a></li>
            <li><a href="http://demo.mao10.com/page/single/1">问题反馈</a></li>
        </ul>
        <ul class="list-inline mb-0 pull-right">
            
            <li class="user-box">
                <a href="http://demo.mao10.com/user">
                    <span>123123123</span>
                    <i class="fa fa-angle-down"></i>
                </a>
                <div class="drop-down">
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <a href="http://demo.mao10.com/user">个人中心</a>
                            <a href="http://demo.mao10.com/user/comment">评价晒单</a>
                            <a href="http://demo.mao10.com/user/like">我的喜欢</a>
                            <a href="http://demo.mao10.com/user/set">账户设置</a>
                            <a href="http://demo.mao10.com/logout">退出登录</a>
                        </div>
                    </div>
                </div>
            </li>
            <li><a href="http://demo.mao10.com/user/order">我的订单</a></li>
            
            <li class="cart-box active">
                <a class="cart" href="http://demo.mao10.com/pro/cart">
                    <i class="fa fa-cart-plus"></i> 购物车（<span>1</span>）
                </a>
                <div class="cart-menu drop-down">
                    <div class="panel panel-default" id="cartHead">
                        
                    <ul class="list-group" id="cartHeadList"><li class="list-group-item"><div class="media mb-0"><div class="media-left"><a class="img-div" href="http://demo.mao10.com/pro/single/4"><img class="media-object" src="/home/check/image-14660829114741487.jpg"></a></div><div class="media-body"><h5 class="media-heading mt-10">小米短袖T恤 水管工米兔<span class="pull-right">33元 x 1</span></h5></div></div></li></ul><div class="panel-footer"><div class="row"><div class="col-md-6 col">共1件商品<h3>33<small>元</small></h3></div><div class="col-md-6 col"><a class="btn btn-warning btn-block" href="http://demo.mao10.com/pro/cart">去购物车结算</a></div></div></div></div>
                </div>
               
            </li>
        </ul>
        <div class="clearfix"></div>
    </div>
</div>
<div class="header">
    <div class="container">
        <a href="http://demo.mao10.com/" class="head-logo pull-left">
            <img src="/home/check/logo.png">
        </a>
        <ul class="list-inline mb-0 pull-left head-nav">
            <li class="allcat">
                <a href="javascript:;">全部商品分类</a>
                
                <ul class="list-group carousel-nav">
                
                <li class="list-group-item">
                    <a href="http://demo.mao10.com/pro/term/11">米兔 / 服装 <i class="fa fa-angle-right"></i></a>
                    
                    <div class="drop-down">
                        
                        <div class="pro-col pro-col-0 last">
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/5">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660834175809712.jpg">
                                    </div>
                                    <div class="title">
                                        小米短袖T恤 水管工米兔
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/4">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660829114741487(1).jpg">
                                    </div>
                                    <div class="title">
                                        小米短袖T恤 水管工米兔
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/2">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660745149467235.jpg">
                                    </div>
                                    <div class="title">
                                        90分便携收纳袋
                                    </div>
                                </a>
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </li>
                
                <li class="list-group-item">
                    <a href="http://demo.mao10.com/pro/term/7">移动电源 / 插线板 <i class="fa fa-angle-right"></i></a>
                    
                    <div class="drop-down">
                        
                        <div class="pro-col pro-col-0 last">
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/9">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660845843143949.jpg">
                                    </div>
                                    <div class="title">
                                        小米电源线收纳盒
                                    </div>
                                </a>
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </li>
                
                <li class="list-group-item">
                    <a href="http://demo.mao10.com/pro/term/14">小米手机4S <i class="fa fa-angle-right"></i></a>
                    
                    <div class="drop-down">
                        
                        <div class="pro-col pro-col-0 ">
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/16">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660890462794079.jpg">
                                    </div>
                                    <div class="title">
                                         小米万能遥控器
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/15">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660887630859256.jpg">
                                    </div>
                                    <div class="title">
                                        小米门窗传感器
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/14">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660866076741076.jpg">
                                    </div>
                                    <div class="title">
                                        Yeelight床头灯
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/10">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660852108492809.jpg">
                                    </div>
                                    <div class="title">
                                        小米方盒子蓝牙音箱
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/9">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660845843143949.jpg">
                                    </div>
                                    <div class="title">
                                        小米电源线收纳盒
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/3">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660817087247012.jpg">
                                    </div>
                                    <div class="title">
                                        手机支架
                                    </div>
                                </a>
                            </div>
                            
                        </div>
                        
                        <div class="pro-col pro-col-1 last">
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/2">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660745149467235.jpg">
                                    </div>
                                    <div class="title">
                                        90分便携收纳袋
                                    </div>
                                </a>
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </li>
                
                <li class="list-group-item">
                    <a href="http://demo.mao10.com/pro/term/5">贴膜 / 个性配件 <i class="fa fa-angle-right"></i></a>
                    
                    <div class="drop-down">
                        
                        <div class="pro-col pro-col-0 last">
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/16">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660890462794079.jpg">
                                    </div>
                                    <div class="title">
                                         小米万能遥控器
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/3">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660817087247012.jpg">
                                    </div>
                                    <div class="title">
                                        手机支架
                                    </div>
                                </a>
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </li>
                
                <li class="list-group-item">
                    <a href="http://demo.mao10.com/pro/term/15">红米手机3高配版 <i class="fa fa-angle-right"></i></a>
                    
                    <div class="drop-down">
                        
                        <div class="pro-col pro-col-0 ">
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/16">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660890462794079.jpg">
                                    </div>
                                    <div class="title">
                                         小米万能遥控器
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/15">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660887630859256.jpg">
                                    </div>
                                    <div class="title">
                                        小米门窗传感器
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/14">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660866076741076.jpg">
                                    </div>
                                    <div class="title">
                                        Yeelight床头灯
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/10">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660852108492809.jpg">
                                    </div>
                                    <div class="title">
                                        小米方盒子蓝牙音箱
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/8">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660843661406013.jpg">
                                    </div>
                                    <div class="title">
                                        小米百变随身杯
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/5">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660834175809712.jpg">
                                    </div>
                                    <div class="title">
                                        小米短袖T恤 水管工米兔
                                    </div>
                                </a>
                            </div>
                            
                        </div>
                        
                        <div class="pro-col pro-col-1 last">
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/3">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660817087247012.jpg">
                                    </div>
                                    <div class="title">
                                        手机支架
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/2">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660745149467235.jpg">
                                    </div>
                                    <div class="title">
                                        90分便携收纳袋
                                    </div>
                                </a>
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </li>
                
                <li class="list-group-item">
                    <a href="http://demo.mao10.com/pro/term/17">小米电视2 <i class="fa fa-angle-right"></i></a>
                    
                    <div class="drop-down">
                        
                        <div class="pro-col pro-col-0 last">
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/15">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660887630859256.jpg">
                                    </div>
                                    <div class="title">
                                        小米门窗传感器
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/14">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660866076741076.jpg">
                                    </div>
                                    <div class="title">
                                        Yeelight床头灯
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/3">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660817087247012.jpg">
                                    </div>
                                    <div class="title">
                                        手机支架
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/2">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660745149467235.jpg">
                                    </div>
                                    <div class="title">
                                        90分便携收纳袋
                                    </div>
                                </a>
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </li>
                
                <li class="list-group-item">
                    <a href="http://demo.mao10.com/pro/term/6">保护套 / 后盖 <i class="fa fa-angle-right"></i></a>
                    
                    <div class="drop-down">
                        
                        <div class="pro-col pro-col-0 last">
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/2">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660745149467235.jpg">
                                    </div>
                                    <div class="title">
                                        90分便携收纳袋
                                    </div>
                                </a>
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </li>
                
                <li class="list-group-item">
                    <a href="http://demo.mao10.com/pro/term/16">小米平板2 <i class="fa fa-angle-right"></i></a>
                    
                    <div class="drop-down">
                        
                        <div class="pro-col pro-col-0 last">
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/15">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660887630859256.jpg">
                                    </div>
                                    <div class="title">
                                        小米门窗传感器
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/11">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660857394075600.jpg">
                                    </div>
                                    <div class="title">
                                        小米方盒子蓝牙音箱
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/9">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660845843143949.jpg">
                                    </div>
                                    <div class="title">
                                        小米电源线收纳盒
                                    </div>
                                </a>
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </li>
                
                <li class="list-group-item">
                    <a href="http://demo.mao10.com/pro/term/12">小米Max <i class="fa fa-angle-right"></i></a>
                    
                    <div class="drop-down">
                        
                        <div class="pro-col pro-col-0 last">
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/3">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660817087247012.jpg">
                                    </div>
                                    <div class="title">
                                        手机支架
                                    </div>
                                </a>
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </li>
                
                <li class="list-group-item">
                    <a href="http://demo.mao10.com/pro/term/20">JAM <i class="fa fa-angle-right"></i></a>
                    
                    <div class="drop-down">
                        
                        <div class="pro-col pro-col-0 last">
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/12">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660860628056694.jpg">
                                    </div>
                                    <div class="title">
                                        睿米车载蓝牙播放器
                                    </div>
                                </a>
                            </div>
                            
                            <div class="pro">
                                <a href="http://demo.mao10.com/pro/single/5">
                                    <div class="img-div">
                                        <img src="/home/check/image-14660834175809712.jpg">
                                    </div>
                                    <div class="title">
                                        小米短袖T恤 水管工米兔
                                    </div>
                                </a>
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </li>
                
                <div class="bg"></div>
            </ul>
                
            </li>
            
            <li>
                <a href="http://demo.mao10.com/pro/term/10">小米生活方式</a>
                
                <div class="drop-down gd1s">
                    <div class="line"></div>
                    <div class="container">
                        <div class="row">
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/15">
                                        <img src="/home/check/image-14660887630859256(1).jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/15" class="title">小米门窗传感器</a>
                                    <div class="price">39元</div>
                                </div>
                            </div>
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/14">
                                        <img src="/home/check/image-14660866076741076(1).jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/14" class="title">Yeelight床头灯</a>
                                    <div class="price">199元</div>
                                </div>
                            </div>
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/13">
                                        <img src="/home/check/image-14660864506944477.jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/13" class="title">睿米车载蓝牙播放器</a>
                                    <div class="price">99元</div>
                                </div>
                            </div>
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/8">
                                        <img src="/home/check/image-14660843661406013(1).jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/8" class="title">小米百变随身杯</a>
                                    <div class="price">39元</div>
                                </div>
                            </div>
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/3">
                                        <img src="/home/check/image-14660817087247012(1).jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/3" class="title">手机支架</a>
                                    <div class="price">15元</div>
                                </div>
                            </div>
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/2">
                                        <img src="/home/check/image-14660745149467235(1).jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/2" class="title">90分便携收纳袋</a>
                                    <div class="price">29元</div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
                
            </li>
            
            <li>
                <a href="http://demo.mao10.com/pro/term/17">小米电视2</a>
                
                <div class="drop-down gd1s">
                    <div class="line"></div>
                    <div class="container">
                        <div class="row">
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/13">
                                        <img src="/home/check/image-14660864506944477.jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/13" class="title">睿米车载蓝牙播放器</a>
                                    <div class="price">99元</div>
                                </div>
                            </div>
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/12">
                                        <img src="/home/check/image-14660860628056694(1).jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/12" class="title">睿米车载蓝牙播放器</a>
                                    <div class="price">59元</div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
                
            </li>
            
            <li>
                <a href="http://demo.mao10.com/pro/term/11">服装</a>
                
                <div class="drop-down gd1s">
                    <div class="line"></div>
                    <div class="container">
                        <div class="row">
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/5">
                                        <img src="/home/check/image-14660834175809712(1).jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/5" class="title">小米短袖T恤 水管工米兔</a>
                                    <div class="price">33元</div>
                                </div>
                            </div>
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/4">
                                        <img src="/home/check/image-14660829114741487(2).jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/4" class="title">小米短袖T恤 水管工米兔</a>
                                    <div class="price">33元</div>
                                </div>
                            </div>
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/2">
                                        <img src="/home/check/image-14660745149467235(1).jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/2" class="title">90分便携收纳袋</a>
                                    <div class="price">29元</div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
                
            </li>
            
            <li>
                <a href="http://demo.mao10.com/pro/term/5">个性配件</a>
                
                <div class="drop-down gd1s">
                    <div class="line"></div>
                    <div class="container">
                        <div class="row">
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/16">
                                        <img src="/home/check/image-14660890462794079(1).jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/16" class="title"> 小米万能遥控器</a>
                                    <div class="price">79元</div>
                                </div>
                            </div>
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/3">
                                        <img src="/home/check/image-14660817087247012(1).jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/3" class="title">手机支架</a>
                                    <div class="price">15元</div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
                
            </li>
            
            <li>
                <a href="http://www.mao10.com/bbs-term-2.html">官方论坛</a>
                
            </li>
            
            <li>
                <a href="http://demo.mao10.com/pro/term/1">默认分类</a>
                
                <div class="drop-down gd1s">
                    <div class="line"></div>
                    <div class="container">
                        <div class="row">
                            
                            <div class="col-md-2 col">
                                <div class="pro">
                                    <a class="img-div" href="http://demo.mao10.com/pro/single/1">
                                        <img src="/home/check/image-14658951968183611.jpg">
                                    </a>
                                    <a href="http://demo.mao10.com/pro/single/1" class="title">测试商品</a>
                                    <div class="price">0.1元</div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
                
            </li>
            
        </ul>
        <form class="head-search pull-right pr" method="get" action="http://demo.mao10.com/pro/search">
            <div class="input-group">
                <input type="text" name="s" class="form-control">
                <span class="input-group-addon">
                    <i class="fa fa-search"></i>
                </span>
            </div>
            <div class="keywords">
                <a href="http://demo.mao10.com/pro/search/%E6%89%8B%E6%9C%BA%E6%94%AF%E6%9E%B6">手机支架</a>
                <a href="http://demo.mao10.com/pro/search/T%E6%81%A4">T恤</a>
            </div>
        </form>
        <script>
            $('.head-search input').focus(function(){
                $('.head-search .keywords').css('display','none');
                $('.head-search').addClass('active');
            });
            $('.head-search input').blur(function(){
                $('.head-search .keywords').css('display','block');
                $('.head-search').removeClass('active');
            });
            $('.head-search .input-group-addon').click(function(){
                $('.head-search').submit();
            });
        </script>
    </div>
</div>
    <form method="get" class="pro-checkout" id="checkout-form-top" action="/home/cart/paid/{{$oid}}">
       <!--  {{ csrf_field() }} -->
        <div class="container" id="dada">
            <div class="panel panel-default">
                <div class="panel-body">
                    <!-- 没收货地址显示这个 -->
                    <div id="no">
                        <div class="address-list">
                        <h4 class="title">新增/修改收货地址</h4>
                        <div class="row">
                            <div class="col-md-3 col">
                                <a class="add" href="/home/cart/address/{{$oid}}">
                                    <b style="font-size:20px;">+</b>
                                    <div class="clearfix"></div>
                                    新增收货地址
                                </a>
                            </div>
                        </div>
                    </div>
                    </div>
                    <!-- 有收货地址 显示这个 -->
                    <div id="yes">
                        <div class="address-list">
                        <h4 class="title">收货地址</h4>
                        <div class="row">
                            <div class="col-md-3 col">
                                <a class="add" href="javascript:;" style="color:black;" id="a">
                                    @foreach($sql as $k=>$v)
                                        <dl>
                                            <dt>{{ $v['tname'] }}</dt>
                                            <dd>{{ $v['utel'] }}</dd>
                                            <dd id="address">{{ $v['address'] }}</dd>
                                        </dl>
                                    @endforeach
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="address-list">
                        <h4 class="title">新增/修改
                        收货地址</h4>
                        <div class="row">
                            <div class="col-md-3 col">
                                <a class="add" href="/home/cart/address/{{$oid}}">
                                    <b style="font-size:20px;">+</b>
                                    <div class="clearfix"></div>
                                    新增收货地址
                                </a>
                            </div>
                        </div>
                    </div>
                    </div>
                    
                    <script type="text/javascript">
                        var address = $('#yes').find('dd[id=address]');
                        if(address.text() == null){
                            $('#yes').hide();
                            $('#no').show();
                        }else{
                            $('#no').hide();
                            $('#yes').show();
                        }
                        if(address.text() == ''){
                            $('#yes').hide();
                            $('#no').show();
                        }
                        $('#yes').click(function(){
                            $('#yes #a').css('border','1px solid red');
                        })
                    </script>
                    <div class="option-list">
                        <div class="option">
                            <div class="row">
                                <div class="col-md-2 col">
                                    <h3 class="title">支付方式</h3>
                                </div>
                                <div class="col-md-10 col">
                                    在线支付 （支持支付宝）
                                </div>
                            </div>
                        </div>
                        <div class="option">
                            <div class="row">
                                <div class="col-md-2 col">
                                    <h3 class="title">配送方式</h3>
                                </div>
                                <div class="col-md-10 col">
                                    快递配送（免运费）
                                </div>
                            </div>
                        </div>
                        <div class="option option-time">
                            <div class="row">
                                <div class="col-md-2 col">
                                    <h3 class="title">配送时间</h3>
                                </div>
                                <div class="col-md-10 col">
                                    <div class="row">
                                        <div class="col-md-3 col">
                                            <label class="active">
                                                <input type="radio" name="time" value="1">
                                                不限送货时间：周一至周日
                                            </label>
                                        </div>
                                        <div class="col-md-3 col">
                                            <label>
                                                <input type="radio" name="time" value="2">
                                                工作日送货：周一至周五
                                            </label>
                                        </div>
                                        <div class="col-md-3 col">
                                            <label>
                                                <input type="radio" name="time" value="3">
                                                双休日、假日送货：周六至周日
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <script>
                                    $('.option-time label').click(function(){
                                        $('.option-time label').removeClass('active');
                                        $(this).addClass('active');
                                    });
                                </script>
                            </div>
                        </div>
                        <div class="option last option-invoice">
                            <div class="row">
                                <div class="col-md-2 col">
                                    <h3 class="title">发票</h3>
                                </div>
                                <div class="col-md-10 col">
                                    <div class="row">
                                        <div class="col-md-3 col">
                                            <label class="active">
                                                <input type="radio" name="invoice" value="1">
                                                电子发票（非纸质）
                                            </label>
                                        </div>
                                        <div class="col-md-3 col">
                                            <label>
                                                <input type="radio" name="invoice" value="2">
                                                普通发票（纸质）
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <script>
                                    $('.option-invoice label').click(function(){
                                        $('.option-invoice label').removeClass('active');
                                        $(this).addClass('active');
                                    });
                                </script>
                            </div>
                        </div>
                    </div>
                    <div class="checkout-pro-list">
                        <h4 class="title">
                            商品及优惠券
                            <a class="pull-right" href="http://demo.mao10.com/pro/cart">返回购物车 <i class="fa fa-angle-right"></i></a>
                        </h4>
                        @foreach($data as $k=>$v)
                        <div class="pro">
                            <div class="col col-img">
                                <img src="{{ $v['logo'] }}">
                            </div>
                            @endforeach
                            @foreach($sql as $k=>$v)
                            <div class="col col-name">
                                <a href="http://demo.mao10.com/pro/single/4">{{ $v['pname'] }}</a>
                            </div>
                            <div class="col col-price">
                                
                                    {{ $v['pmoney'] }}元 x {{ $v['num'] }}
                                
                            </div>
                            <div class="col col-stats">
                                有货
                            </div>
                            <div class="col col-total">
                                
                                    {{ $v['total'] }}元
                                
                            </div>
                            @endforeach
                        </div>
                        
                        <div class="info">
                            <div class="row">
                                <div class="col-md-6 col">
                                    <div class="count-actions">
                                        <div class="coupon-trigger coupon-trigger-show-coupon">
                                            <i class="fa fa-plus-circle"></i> 使用优惠券 <span></span>
                                        </div>
                                        <div class="coupon-trigger-coupon">
                                            <div class="coupon-trigger-coupon-box">
                                                <ul class="list-inline">
                                                    <li class="tab-btn tab-btn-1 active">我的优惠券</li>
                                                    <li>|</li>
                                                    <li class="tab-btn tab-btn-2">输入优惠券码</li>
                                                </ul>
                                                <div class="coupon-trigger-coupon-1">
                                                    <div class="coupon-trigger-coupon-list">
                                                        <div class="coupon-trigger-coupon-list-item head">
                                                            <div class="col col-1">
                                                                面值
                                                            </div>
                                                            <div class="col col-2">
                                                                余额
                                                            </div>
                                                            <div class="col col-3">
                                                                有效期至
                                                            </div>
                                                            <div class="col col-4">
                                                                操作
                                                            </div>
                                                        </div>
                                                        <div class="coupon-trigger-coupon-list-item-box">
                                                            
                                                            <div class="coupon-trigger-coupon-list-item none">没有发现可用的优惠券！</div>
                                                            
                                                        </div>
                                                    </div>
                                                    <p class="help-block mb-20"></p>
                                                    <div class="text-center">
                                                        <button type="button" class="btn btn-default">取消</button>
                                                    </div>
                                                </div>
                                                <div class="coupon-trigger-coupon-2">
                                                    <div class="form-group mb-20">
                                                        <label>券码：</label>
                                                        <input type="text" class="form-control">
                                                        <div class="clearfix"></div>
                                                        <p class="help-block"></p>
                                                    </div>
                                                    <div class="coupon-trigger-coupon-btns">
                                                        <button type="button" class="btn btn-warning">绑定优惠券</button>
                                                        <button type="button" class="btn btn-default">取消</button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="bg"></div>

                                        </div>
                                        <div class="coupon-trigger coupon-trigger-show-ecard">
                                            <i class="fa fa-plus-circle"></i> 使用小米礼品卡 <span></span>
                                        </div>
                                        <div class="coupon-trigger-ecard">
                                            <div class="coupon-trigger-ecard-box">
                                                <ul class="list-inline">
                                                    <li class="tab-btn tab-btn-1 active">已绑定的礼品卡</li>
                                                    <li>|</li>
                                                    <li class="tab-btn tab-btn-2">输入礼品卡以绑定</li>
                                                </ul>
                                                <div class="coupon-trigger-ecard-1">
                                                    <div class="coupon-trigger-ecard-list">
                                                        <div class="coupon-trigger-ecard-list-item head">
                                                            <div class="col col-1">
                                                                面值
                                                            </div>
                                                            <div class="col col-2">
                                                                余额
                                                            </div>
                                                            <div class="col col-3">
                                                                有效期至
                                                            </div>
                                                            <div class="col col-4">
                                                                操作
                                                            </div>
                                                        </div>
                                                        <div class="coupon-trigger-ecard-list-item-box">
                                                            
                                                            <div class="coupon-trigger-ecard-list-item none">没有发现可用的礼品卡！</div>
                                                            
                                                        </div>
                                                    </div>
                                                    <p class="help-block mb-20"></p>
                                                    <div class="text-center">
                                                        <button type="button" class="btn btn-default">取消</button>
                                                    </div>
                                                </div>
                                                <div class="coupon-trigger-ecard-2">
                                                    <div class="form-group mb-20">
                                                        <label>密码：</label>
                                                        <input type="text" class="form-control">
                                                        <div class="clearfix"></div>
                                                        <p class="help-block"></p>
                                                    </div>
                                                    <div class="coupon-trigger-ecard-btns">
                                                        <button type="button" class="btn btn-warning">绑定礼品卡</button>
                                                        <button type="button" class="btn btn-default">取消</button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="bg"></div>

                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 col text-right">
                                    @foreach($sql as $k=>$v)
                                    <ul class="list-unstyled mb-0">
                                        <li>
                                            <div class="left">商品件数：</div>
                                            <div class="right">{{ $v['num'] }}件</div>
                                        </li>
                                        <li>
                                            <div class="left">金额合计：</div>
                                            <div class="right"><span class="total-show">{{ $v['total'] }}</span>元</div>
                                        </li>
                                        <li>
                                            <div class="left">礼品卡抵现：</div>
                                            <div class="right">-<span class="ecard-show">0</span>元</div>
                                        </li>
                                        <li>
                                            <div class="left">优惠券抵扣：</div>
                                            <div class="right">-<span class="coupon-show">0</span>元</div>
                                        </li>
                                        <li>
                                            <div class="left">运费：</div>
                                            <div class="right">0元</div>
                                        </li>
                                        <li class="total-price">
                                            <div class="left">应付总额：</div>
                                            <div class="right"><span>{{ $v['total'] }}</span>元</div>
                                        </li>
                                    </ul>
                                    @endforeach
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel-footer">
                    <div class="pull-left address-show"></div>
                    <button type="submit" class="pull-right btn btn-warning">去结算</button>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
        <div class="address-input">
        </div>
</form>
<div class="footer">
    <div class="foot-top">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-20 col">
                    <i class="fa fa-wrench"></i> 1小时快修服务
                </div>
                <div class="col-md-12 col-20 col">
                    <i class="fa fa-history"></i> 7天无理由退货
                </div>
                <div class="col-md-12 col-20 col">
                    <i class="fa fa-refresh"></i> 15天免费换货
                </div>
                <div class="col-md-12 col-20 col">
                    <i class="fa fa-truck"></i> 满150元包邮
                </div>
                <div class="col-md-12 col-20 col">
                    <i class="fa fa-map-marker"></i> 520余家售后网点
                </div>
            </div>
            <div class="border"></div>
        </div>
    </div>
    <div class="foot-center">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-80 col">
                    <div class="row">
                        <div class="col-md-2 col">
                            <dl>
                                <dt>
                                    帮助中心
                                </dt>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">购物指南</a>
                                </dd>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">支付方式</a>
                                </dd>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">配送方式</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="col-md-2 col">
                            <dl>
                                <dt>
                                    服务支持
                                </dt>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">售后政策</a>
                                </dd>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">自助服务</a>
                                </dd>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">相关下载</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="col-md-2 col">
                            <dl>
                                <dt>
                                    小米之家
                                </dt>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">小米之家</a>
                                </dd>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">服务网点</a>
                                </dd>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">预约服务</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="col-md-2 col">
                            <dl>
                                <dt>
                                    关于小米
                                </dt>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">了解小米</a>
                                </dd>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">加入小米</a>
                                </dd>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">联系我们</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="col-md-2 col">
                            <dl>
                                <dt>
                                    关注我们
                                </dt>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">新浪微博</a>
                                </dd>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">小米部落</a>
                                </dd>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">官方微信</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="col-md-2 col">
                            <dl>
                                <dt>
                                    特色服务
                                </dt>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">F码通道</a>
                                </dd>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">小米移动</a>
                                </dd>
                                <dd>
                                    <a href="http://demo.mao10.com/page/single/1">防伪查询</a>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </div>
                <div class="col-md-12 col-20 col">
                    <div class="text-center">
                        <h4>400-100-5678</h4>
                        <div class="text">周一至周日 8:00-18:00</div>
                        <div class="text mb-10">（仅收市话费）</div>
                        <a target="_blank" class="btn btn-warning btn-sm" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1795413891&amp;site=qq&amp;menu=yes">
                            <i class="fa fa-commenting"></i> 24小时在线客服
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="foot-bottom">
        <div class="container">
            <div class="row">
                <div class="col-md-9 col">
                    <div class="media">
                        <div class="media-left">
                            <a href="http://demo.mao10.com/">
                                <img class="media-object" src="/home/check/logo.png" alt="...">
                            </a>
                        </div>
                        <div class="media-body">
                            <ul class="list-inline">
                                <li><a href="http://demo.mao10.com/page/single/1">小米网</a></li>
                                <li><a href="http://demo.mao10.com/page/single/1">MIUI</a></li>
                                <li><a href="http://demo.mao10.com/page/single/1">米聊</a></li>
                                <li><a href="http://demo.mao10.com/page/single/1">多看书城</a></li>
                                <li><a href="http://demo.mao10.com/page/single/1">小米路由器</a></li>
                                <li><a href="http://demo.mao10.com/page/single/1">视频电话</a></li>
                                <li><a href="http://demo.mao10.com/page/single/1">小米后院</a></li>
                                <li><a href="http://demo.mao10.com/page/single/1">小米天猫店</a></li>
                                <li><a href="http://demo.mao10.com/page/single/1">小米淘宝直营店</a></li>
                                <li><a href="http://demo.mao10.com/page/single/1">小米网盟</a></li>
                                <li><a href="http://demo.mao10.com/page/single/1">问题反馈</a></li>
                            </ul>
                            ©maoo.me 豫ICP备14019123号 郑州云猫电子商务有限公司
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col">
                    <div class="text-right">
                        <img src="/home/check/v-logo-1.png">
                        <img src="/home/check/v-logo-2.png">
                        <img src="/home/check/v-logo-3.png">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="alertbox">
    
    
    <script>
         setTimeout("$('.alertbox .alert').fadeOut()",3000);
    </script>
</div>
<!--[if lte IE 8]>
<div class="browser-msg text-center">
    <p class="txt">
        为了获得更好的浏览体验，建议使用以下浏览器：
    </p>
    <ul class="browsers">
        <li>
            <a href="http://www.google.cn/intl/zh-cn/chrome/browser/desktop/index.html"
            target="_blank">
                <img class="icon" src="/img/chrome.png" width="50" height="50">
                <span class="name">
                    Chrome
                </span>
            </a>
        </li>
        <li>
            <a href="http://www.firefox.com.cn" target="_blank">
                <img class="icon" src="/img/firefox.png" width="50" height="50">
                <span class="name">
                    Firefox
                </span>
            </a>
        </li>
        <li>
            <a href="http://www.apple.com/cn/safari/" target="_blank">
                <img class="icon" src="/img/safari.png" width="50" height="50">
                <span class="name">
                    Safari
                </span>
            </a>
        </li>
        <li>
            <a href="http://windows.microsoft.com/zh-cn/internet-explorer/download-ie" target="_blank">
                <img class="icon" src="/img/ie.png" width="50" height="50">
                <span class="name">
                    IE9及更高版
                </span>
            </a>
        </li>
    </ul>
</div>
<![endif]-->

</body></html>